
.content-box,.messages{
	-webkit-border-radius: 5px;	/*safari��hrome*/
	-moz-border-radius: 5px;/*firefox*/
	-ms-border-radius:5px;/*ie10+*/
	-o-border-radius:5px;/*opera*/
	border-radius: 5px;	/*W3C*/
}
.bread-nav,input[type="text"],form select,form textarea,.ztree li a.curSelectedNode {
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius: 3px;	
}
.current,.table-hd,.fun-hd{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;		
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-ms-border-top-left-radius:5px;
	-ms-border-top-right-radius:5px;
	-o-border-top-left-radius:5px;
	-o-border-top-right-radius:5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
.column{ width:48%;}
.content-box{
	border:1px solid #ccc;
	margin-bottom:20px;
	padding-top:1px;
	background-color:#FFF;
}
.content-box-hd{
	height:40px;
	width:100%;
	background:#e5e5e5 url(../images/content-box-hd.gif) repeat-x;
}
.content-box-hd h3{
	line-height:40px;
	float:left;
	font-size:14px;
	font-weight:700;
	padding-left:20px;
}
.content-box-hd #content-box-tabs { float:right;}
.content-box-hd #content-box-tabs li{
	float:left;
	margin:7px 10px 0 0;
	height:30px;
}
.content-box-hd #content-box-tabs li a{
	color:#333;
	float:left;
	padding: 8px 10px;
	height:16px;
	line-height:16px;
	display:block;	
}
.content-box-hd #content-box-tabs li a.current{
	background-color:#FFF;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
.content-box-hd #content-box-tabs li a:hover{
	color:#f60;
	text-decoration: none;
}
.content-box-bd{
	padding:20px;
	border-top: 1px solid #ccc;
}



/* = messages cssge
---------------------------------------------------*/
.messages{
	position:relative;
	margin-bottom:20px;
	padding:10px 0;
	 color:#404040;
}
.messages-close{
	float:right;
	height:7px;
	padding-right:5px;
	width: 7px;
	display:block;
	background:url(../images/message-close.png) no-repeat;
	overflow:hidden;
}
.messages-bd{
	padding-left:30px;
	line-height: 22px;
	
}
.alert{ 
    border:1px solid #FFDD99;
   	background:#FFF9ED url(../images/alert.png) 10px center no-repeat;
 }
.error{
    border:1px solid #DF8F8F;
    background: #FFCECE url(../images/error.png) 10px center no-repeat;
}
.correct{
    border:1px solid #9BDF70;
    background:#F0FBEB url(../images/correct.png) 10px center no-repeat;
}
.normal{
	background: #eff7ff url(../images/normal.png) 10px center no-repeat;
	border: 1px solid #96c2f1;
}
/* button
 --------------------------------------------*/
h5,h6{ font-size:14px; padding:10px 0;}
button.green,button.red,button.gray,button.light-blue,button.blue,button.black,button.orange
,button.big-green,button.big-red,button.big-gray,button.big-light-blue,button.big-blue,button.big-black,button.big-orange{
	background-image:url(../image/button-all.png);
	background-repeat:no-repeat;
}
button.button{
	border: none;
	border-radius:3px;
	display: inline-block;
	margin: 10px 10px 10px 0;
	width:82px;
	height:33px;
	cursor:pointer;
}
button.big-button{ width:120px;}
button.green{ background-position:0 -449px; color:#fff;}
button.green:hover,button.green:active{ background-position:0 -489px;}
button.big-green{ width:122px; background-position:-99px -449px; color:#fff;}
button.big-green:hover,button.big-green:active{ background-position:-99px -489px;}
button.red{ background-position:0 -359px; color:#fff;}
button.red:hover,button.red:active{ background-position:0 -399px;}
button.big-red{ width:122px; background-position:-99px -359px; color:#fff;}
button.big-red:hover,button.big-red:active{ background-position:-99px -399px;}
button.gray{ background-position:0 -269px; color:#404040;}
button.gray:hover,button.gray:active{ background-position:0 -309px; }
button.big-gray{ width:122px;background-position:-99px -269px; color:#404040;}
button.big-gray:hover,button.big-gray:active{ background-position:-99px -309px;}
button.light-blue{ background-position:0 -89px; color:#fff;}
button.light-blue:hover,button.light-blue:active{ background-position:0 -129px;}
button.big-light-blue{width:122px; background-position:-99px -89px; color:#fff;}
button.big-light-blue:hover,button.big-light-blue:active{ background-position:-99px -129px;}
button.blue{ background-position:0 0; color:#fff;}
button.blue:hover,button.blue:active{ background-position:0 -539px;}
button.big-blue{ width:122px; background-position:-99px 0; color:#fff;}
button.big-blue:hover,button.big-blue:active{ background-position:-99px -539px;}
button.black{ background-position:0 -179px; color:#fff;}
button.black:hover,button.black:active{ background-position:0 -219px;}
button.big-black{ width:122px; background-position:-99px -179px; color:#fff;}
button.big-black:hover,button.big-black:active{ background-position:-99px -219px;}
button.orange{ background-position:0 -539px; color:#fff;}
button.orange:hover,button.orange:active{ background-position:0 -579px;}
button.big-orange{ width:122px; background-position:-99px -539px; color:#fff;}
button.big-orange:hover,button.big-orange:active{ background-position:-99px -579px;}
/* = forme-list
---------------------------------------------------*/
ul.form-list li{
	padding-bottom:20px;
	clear:left;
	zoom:1;
	overflow:hidden;
}
ul.form-list li:after,form p:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

label.text-name{
	padding:7px 5px 7px 0;
	width:100px;
	display:block;
	float:left;
}
label.form-name{
	display: block;
	padding-bottom:10px;
	font-weight: 700;
}
form p{
	padding:10px 0;
}

form select{
	width:200px;
}
form select option{
	padding-left:10px;
}

input.form-text{
	border-radius: 3px;
	height:16px;
	width:300px;
	float:left;
	text-align: left;
}
input.date-input{
	margin-right:40px;
	width:130px;
	padding-right:20px;
	background:url(../images/time.png) 97% center no-repeat;
}
span.detect{
	display: block;
	float:left;
	height:16px;
	width:16px;
	margin:6px 10px;
}
input.form-text,form select,form textarea {
	background:#FFFFFF url(../images/bg-form-field.gif) left top repeat-x;
	border: 1px solid #ccc;
	padding:6px;
}
input[type="text"]:hover,select:hover,textarea:hover { border:1px solid #aaa;}
input[type="checkbox"],input[type="radio"],select{ margin-right:4px; cursor: pointer;}

/* = icon
--------------------------------------------------------*/
.icon-area li{ float:left; margin:8px 10px 4px 0;}
	.round-border{														
			height:26px;
			line-height:26px;
			text-align:center;
			width:26px;
			border-radius:15px;			
			background:url(../images/round-border.png) no-repeat;
			display: block;
	}
		.round-border .icon{
			display:inline-block;											
			overflow:hidden;
			text-align: center;
			vertical-align: middle;
		}
		.orange14x14{			
			margin:5px;
			width: 14px;
			height:14px;
			font-size:0;
			background-image:url(../ui/ui-icons_fff9ed_256x240.png);
			background-repeat:no-repeat;
		}
		.x05-y04{ background-position:-49px -65px;}
		.x08-y06{ background-position:-114px -81px;}
		.x12-y07{ background-position:-177px -97px;}
		.x10-y07{ background-position:-145px -97px;}
		.x16-y07{ background-position:-241px -97px;}
		.x01-y07{ background-position:0 -97px;}
		.x02-y07{ background-position:-16px -97px;}
		.x06-y07{ background-position:-81px -97px;}
		.x09-y07{ background-position:-129px -97px;}		
		.x01-y08{ background-position:0 -113px;}
		.x02-y08{ background-position:-16px -113px;}
		.x03-y08{ background-position:-32px -113px;}
		.x04-y08{ background-position:-48px -113px;}
		.x06-y08{ background-position:-81px -113px;}
		.x05-y08{ background-position:-66px -113px;}
		.x07-y08{ background-position:-97px -113px;}
		.x09-y08{ background-position:-128px -113px;}
		.x10-y08{ background-position:-145px -113px;}
		.x11-y08{ background-position:-160px -113px;}
		.x12-y08{ background-position:-177px -113px;}
		.x14-y08{ background-position:-209px -113px;}
		.x15-y08{ background-position:-224px -113px;}
		.x16-y08{ background-position:-240px -113px;}
		.x01-y10{ background-position:0 -160px;}
		.x02-y10{ background-position:-18px -160px;}
		
		.x03-y09{ background-position:-34px -129px;}
		.round-border img{ display:block; margin:4px;}
		.round-border:hover{ 			
			background:url(../images/round-border-hover.png) no-repeat;
			border-radius:15px;
			box-shadow:0 0 2px #ccc;
		}
		.radius-border{
			border:1px solid #ddd;
			border-radius:5px;
			background:-moz-linear-gradient(top, #fff, #eee);
			background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
			height:32px;			
			width: 32px;
			display:inline-block;
		}
		.radius-border img{ margin:7px;}
		.radius-border:hover{ box-shadow:0 1px 2px #ddd; border:1px solid #bbb;}
		.radius-border:active{ 
			box-shadow:0px 1px 2px #ccc inset;
			border:1px solid #bbb;
			background:-moz-linear-gradient(bottom, #f1f1f1, #eee);
			background: -webkit-linear-gradient(top, #eee 0%,#f1f1f1 100%);
		}
		.font-btn,.big-font-btn{ height:32px; line-height:32px;}
		.font-btn{width:80px;}
		.big-font-btn{ width:120px;}
		.btn-gray{
			color:#666;
			background:-moz-linear-gradient(top, #fff, #eee);
			background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
			box-shadow:0 -1px 0 #fff inset;
			border:#ccc 1px solid;
			border-radius:5px;
			display:block;
			vertical-align:middle;
			text-align:center;
		}
		.btn-gray:hover,.font-btn:active{ color:#333;border:1px solid #bbb;}
		.btn-gray:hover{ box-shadow:0 1px 2px #ddd;}
		.btn-gray:active{
			box-shadow:0px 1px 2px #ccc inset;
			background:-moz-linear-gradient(bottom, #f1f1f1, #eee);
			background: -webkit-linear-gradient(top, #eee 0%,#f1f1f1 100%);
		}
		.btn-orange{
			color:#fff;
			vertical-align:middle;
			text-align:center;
			display:block;
			border-radius:5px;
			border: 1px solid #6387dc;
			box-shadow: 0 1px 0 #ABC1F2 inset;
			color:#fff;
			background:#7495e0;;	
		}
		.btn-orange:hover,.btn-orange:active{
			background:#ff9900;
			
			box-shadow:0 1px 0 #ffddaa inset;						
			border:#EA8C00 1px solid;
		}
		.btn-gray em,.btn-orange em{
			display: block;
			float:left;
			width:16px;
			height:16px;
			overflow:hidden;
			margin:10px 0 0 10px;
		}
		.btn-gray .exit{ background:url(../ui/font-icon/exit-hover.gif) no-repeat;}
		.btn-gray:hover .exit,.btn-gray:active .exit{ background:url(../ui/font-icon/exit-active.gif) no-repeat;}
			
		.btn-gray .quanping{ background:url(../ui/font-icon/quanping-hover.gif) no-repeat;}
		.btn-gray:hover .quanping,.btn-gray:active .quanping{ background:url(../ui/font-icon/quanping-active.gif) no-repeat;} 
/* = ��������� push pull Single
--------------------------------------------------------*/
.layout{ width: 100%;}
.single-grid{ width:240px; }
.double-grid{ width:470px;}
.single-row{ width:220px;}
.double-row{ width:440px;}
.push-ml10{ margin-left:10px;}
.push-ml20{ margin-left:20px;}
.push-mr10{ margin-right:10px;}
.push-mr20{ margin-right:20px;}
.push-ml240{ margin-left:240px;}
.push-ml470{ margin-left:470px;}
.pull-ml240{ margin-left:-240px;}
.pull-ml470{ margin-left:-470px;}
.none-push{
	padding:0;
}
.table-warp{ width:100%; float:right; }				
.sidebar{ float:left;}								
.fun-hd{
		background:#fff url(../images/break.png) repeat-x;
		height:38px;
		border:1px solid #ddd;
	}
.fun-hd h5{  text-align:center;}
.fun-bd{
	border:1px solid #ddd;
	border-top:none;
	background:#f9f9f9;
	padding:10px 0 10px 10px;
}
.fun-list{ }
.fun-list li{ padding: 4px 0 0 10px;}
.fun-list li label {
	background: url("../ui/16x16/user.png") no-repeat left center ;
	color: #404040;
	padding-left:20px;
	cursor: pointer;
}
.content-box-hd ul.fr li{
	float:left;
	padding-right:10px;
	padding-top:6px;
	
}
	